<template>
	<view class="container">
		<!-- <view class=""><text>{{city}}</text><uni-icons type="location" size="22" color="#666"></uni-icons></view> -->
		<view></view>
		<view style="justify-content: center;">{{title}}</view>
		<view></view>
	</view>
	<view style="width:100%;height:44px;"></view>
</template>

<script setup lang="ts">
	const props = defineProps({
	  city: { type: String },
	  title: { type: String },
	});
</script>

<style scoped lang="less">
	.container{
		width: 100%;
		height:44px;
		padding:0px 20rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		z-index: 2;
		background:#fff;
		view{
			width:33%;
			color: rgb(51, 51, 51);
			display: flex;
			align-items: center;
			font-size: 28rpx;
			text{
				font-size: 24rpx;
			}
		}
	}
</style>